<template lang="pug">
    li.nav-item.dropdown.dropdown-lg.no-caret
        a.nav-link.dropdown-toggle#navbarDropdownPages(href='#' role='button' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false')
            | Pages
            font-awesome-icon.dropdown-arrow(:icon='["fas", "chevron-right"]')
        .dropdown-menu.dropdown-menu-right.animated--fade-in-up(aria-labelledby='navbarDropdownPages')
            .row.no-gutters
                .col-lg-6.p-lg-5
                    h6.dropdown-header.text-primary Company
                    router-link.dropdown-item(to='/pages/basic') Basic Page
                    router-link.dropdown-item(to='/pages/company-home') About
                    router-link.dropdown-item(to='/pages/company-pricing') Pricing
                    router-link.dropdown-item(to='/pages/company-contact') Contact
                    router-link.dropdown-item(to='/pages/company-terms') Terms
                    .dropdown-divider.border-0
                    h6.dropdown-header.text-primary Support
                    router-link.dropdown-item(to='/pages/help-center') Help Center
                    router-link.dropdown-item(to='/pages/help-knowledgebase') Knowledgebase
                    router-link.dropdown-item(to='/pages/help-message-center') Message Center
                    router-link.dropdown-item(to='/pages/help-support-ticket') Support Ticket
                    .dropdown-divider.border-0.d-lg-none
                .col-lg-6.p-lg-5
                    h6.dropdown-header.text-primary Careers
                    router-link.dropdown-item(to='/pages/careers-overview') Careers List
                    router-link.dropdown-item(to='/pages/careers-listing') Position Details
                    .dropdown-divider.border-0
                    h6.dropdown-header.text-primary Blog
                    router-link.dropdown-item(to='/pages/blog-overview') Overview
                    router-link.dropdown-item(to='/pages/blog-post') Post
                    router-link.dropdown-item(to='/pages/blog-archive') Archive
                    .dropdown-divider.border-0
                    h6.dropdown-header.text-primary Portfolio
                    router-link.dropdown-item(to='/pages/portfolio-grid') Grid
                    router-link.dropdown-item(to='/pages/portfolio-large-grid') Large Grid
                    router-link.dropdown-item(to='/pages/portfolio-masonry') Masonry
                    router-link.dropdown-item(to='/pages/portfolio-case-study') Case Study
                    router-link.dropdown-item(to='/pages/portfolio-project') Project
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component({})
export default class SBProMenuPages extends Vue {}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>
